<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/test.css">
</head>

<body>
    <div>
        <P>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Id recusandae minus est odit aperiam delectus
            cumque vel quisquam corporis aspernatur libero, facilis error nulla ipsa obcaecati possimus provident velit
            tempore.</P>
        <P class="abc">Aspernatur veritatis consequuntur nesciunt sequi, placeat necessitatibus praesentium, facilis impedit
            architecto laboriosam, ab aliquam eum nulla incidunt mollitia similique. Molestiae quisquam dolorem eum
            provident officiis recusandae minus quam possimus exercitationem?</P>
        <P>Debitis quidem, neque iure ducimus dolorem doloremque! Sequi, impedit blanditiis. Beatae aliquam, excepturi
            iure exercitationem tenetur ex at quidem itaque quaerat sapiente repudiandae sequi. Nulla molestias
            voluptate id maxime ea?</P>
        <ul>
            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut quod veniam est ducimus commodi
                voluptatibus at minima repudiandae quia ab. Veniam repudiandae tempore illum sit quisquam vitae, unde
                molestiae ut?</li>
            <li>Rerum numquam consequuntur praesentium consectetur quisquam quidem? Saepe eaque doloribus quae quisquam
                dolor expedita dolore ducimus blanditiis reiciendis, qui cupiditate itaque impedit, eum hic nostrum
                minus dolores harum illum voluptatum.</li>
            <li class="abc">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Pariatur, odit odio earum
                dignissimos sint consectetur ea et minima, ullam expedita itaque amet eius quibusdam! Quasi quo
                molestias enim! Omnis, corrupti!</li>
            <li>Veniam maiores deleniti voluptatum officiis odio, sequi illum adipisci libero magni ducimus temporibus
                ratione cumque culpa assumenda ab beatae quas perspiciatis labore, enim ullam recusandae repudiandae,
                dolore molestias! Temporibus, soluta.</li>
            <li>Saepe iure temporibus, perferendis, adipisci praesentium odio error porro corporis ipsa facilis impedit?
                Dolore, voluptas itaque officia ex quas magni optio non in, quia odit, culpa nemo beatae ullam quasi!
            </li>
            <li>Beatae, esse. Fugiat quas atque debitis voluptas, laudantium quasi corporis, beatae ex eligendi adipisci
                veniam non delectus laboriosam eos vel facilis possimus cumque numquam ut provident? Officiis magnam
                libero quo?</li>
            <li>Ipsam vero numquam vitae odio. Aspernatur atque corporis et blanditiis? Temporibus excepturi unde illum
                possimus rem voluptas consequatur a ullam, quod est deleniti omnis dolorem nisi inventore sed? Sed,
                explicabo!</li>
            <li>Odit atque rerum corporis deserunt quidem optio amet quasi, quam facilis inventore est dolorum at, quis
                placeat numquam fuga aliquid voluptatibus sit ipsum natus modi! Quia enim nemo laborum at!</li>
            <li>Fugit, nam nihil, similique natus fuga libero impedit expedita temporibus et quod, nemo nesciunt quae.
                Consectetur voluptates necessitatibus, tempora ullam fugit quibusdam magni. Rerum assumenda voluptatum
                magnam. Aspernatur, fugiat? A!</li>
            <li>Corrupti quae iusto quo recusandae veritatis eaque molestiae ullam! Magnam mollitia veniam nemo
                consequatur saepe consectetur eos architecto hic provident consequuntur, tempore a sapiente aliquam?
                Beatae molestias doloribus error aliquid.</li>
        </ul>
    </div>

    <div class="abc">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, aliquid! Modi asperiores eligendi, dolorem odio laudantium cupiditate eaque, aperiam distinctio atque, iure consequuntur? Sit repellat excepturi nobis modi debitis obcaecati!
        <p>Lorem ipsum dolor sit.</p>
        <ul>
            <li>Lorem.</li>
            <li>Eius.</li>
            <li>Sed.</li>
        </ul>  
    </div>
</body>

</html>